<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>{% block title %}{{ title is defined ? title : "" }}{% endblock %}</title>
    {% block public %}
        <link href="{{ asset("bundles/systemadmin/css/ui-dialog.css") }}" rel="stylesheet" type="text/css" />
        <link href="{{ asset("bundles/systemadmin/css/style.css") }}" rel="stylesheet" type="text/css" />
        <link href="{{ asset("bundles/systemadmin/css/pagination.css") }}" rel="stylesheet" type="text/css" />
        <script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/jquery-1.11.2.min.js") }}"></script>
        <script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/jquery.lazyload.min.js") }}"></script>
        <script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/jquery.nicescroll.js")}}"></script>
        <script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/dialog-plus-min.js")}}"></script>
        <script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/layindex.js")}}"></script>
        <script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/common.js")}}"></script>
    {% endblock %}
    {% block private %}
        <style type="text/css">
            .htmlShowBox{
                max-height: 150px;
            }
            .htmlFullShowBox{
                min-height: 500px;
            }
            .htmlHideBox{
                /*display: none;*/
            }
        </style>
    {% endblock %}
</head>

<body class="mainbody">
{% block location %}
    <!--    导航栏-->
    <div class="location">
        <a href="javascript:history.back(-1);" class="back"><i></i><span>返回上一页</span></a>
        <a href="{{ path('adminCenterPage') }}" class="home"><i></i><span>首页</span></a>
        <i class="arrow"></i>
        <span>{{ title is defined ? title : "" }}</span>
    </div>
    <!--    /导航栏-->
{% endblock %}
{% block content %}
    {% block main %}
    <!--内容：导航栏-->
    <div class="tab-content">
        <dl class="text">
            <dt>效果</dt>
            <dd class="htmlHideBox" title="1">
                <!--导航栏-->
                <div class="location">
                    <a href="javascript:history.back(-1);" class="back"><i></i><span>返回上一页</span></a>
                    <a href="/main/center" class="home"><i></i><span>首页</span></a>
                    <i class="arrow"></i>
                    <span>站点管理</span>
                </div>
                <!--/导航栏-->
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_1" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：导航栏-->
    <!--内容：工具栏-->
    <div class="tab-content">
        <dl class="text">
            <dt>效果</dt>
            <dd class="htmlHideBox" title="2">
                <!--工具栏-->
                <div id="floatHead" class="toolbar-wrap">
                    <div class="toolbar">
                        <div class="box-wrap">
                            <a class="menu-btn"></a>
                            <div class="l-list">
                                <ul class="icon-list">
                                    <li><a class="add" href="/"><i></i><span>新增</span></a></li>
                                    <li><a class="save" href="javascript:__doPostBack('btnSave','')" id="btnSave" ><i></i><span>保存</span></a></li>
                                    <li><a class="all" href="javascript:;" onclick="checkAll(this);"><i></i><span>全选</span></a></li>
                                    <li><a class="del" onclick="return ExePostBack('btnDelete','是否继续？');" href="javascript:__doPostBack('btnDelete','')"><i></i><span>删除</span></a></li>
                                </ul>
                            </div>
                            <div class="menu-list">
                                <div class="rule-single-select">
                                    <select name="ddlMoveId" onchange="javascript:setTimeout('__doPostBack(\'ddlMoveId\',\'\')', 0)" id="ddlMoveId">
                                        <option selected="selected" value="">批量移动...</option>
                                        <option value="3">互联网媒体</option>
                                        <option value="6">　├ 人物动态</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="r-list">
                            <input name="txtKeywords" type="text" id="txtKeywords" class="keyword" />
                            <a id="lbtnSearch" class="btn-search" href="javascript:__doPostBack('lbtnSearch','')">查询</a>
                            <a id="lbtnViewImg" title="图像列表视图" class="img-view" href="javascript:__doPostBack('lbtnViewImg','')"></a>
                            <a id="lbtnViewTxt" title="文字列表视图" class="txt-view" href="javascript:__doPostBack('lbtnViewTxt','')"></a>
                        </div>
                    </div>
                </div>
                <!--/工具栏-->
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_2" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：工具栏-->
    <!--内容：列表-->
    <div class="tab-content">
        <dl class="text">
            <dt>效果</dt>
            <dd class="htmlHideBox" title="3">
                <!--列表-->
                <div class="table-container">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="ltable">
                        <tr>
                            <th width="6%">选择</th>
                            <th align="left" width="15%">目录名</th>
                            <th align="left" width="18%">标题</th>
                            <th align="left">绑定域名</th>
                            <th align="left" width="10%">排序</th>
                            <th width="8%">移动站</th>
                            <th width="8%">默认</th>
                            <th width="10%">操作</th>
                        </tr>
                        <tr>
                            <td align="center">
                                <span class="checkall" style="vertical-align:middle;"><input id="rptList_chkId_0" type="checkbox" name="rptList$ctl01$chkId" /></span>
                                <input type="hidden" name="rptList$ctl01$hidId" id="rptList_hidId_0" value="4" />
                            </td>
                            <td>
                                <div class="btn-tools">
                                    <a id="rptList1_lbtnIsMsg_9" title="取消评论" class="msg selected" href="javascript:__doPostBack('','')"></a>
                                    <a id="rptList1_lbtnIsTop_9" title="设置置顶" class="top" href="javascript:__doPostBack('','')"></a>
                                    <a id="rptList1_lbtnIsRed_9" title="取消推荐" class="red selected" href="javascript:__doPostBack('','')"></a>
                                    <a id="rptList1_lbtnIsHot_9" title="设置热门" class="hot" href="javascript:__doPostBack('','')"></a>
                                    <a id="rptList1_lbtnIsSlide_9" title="设置幻灯片" class="pic" href="javascript:__doPostBack('','')"></a>
                                </div>
                            </td>
                            <td>
                                <span class="folder-open"></span>
                                <a href="">互联网媒体</a>
                            </td>
                            <td>-</td>
                            <td><input name="rptList$ctl01$txtSortId" type="text" value="99" id="rptList_txtSortId_0" class="sort" onkeydown="return checkNumber(event);" /></td>
                            <td align="center">×</td>
                            <td align="center">√</td>
                            <td align="center"><a href="#">修改</a></td>
                        </tr>
                        <tr>
                            <td align="center">
                                <span class="checkall" style="vertical-align:middle;"><input id="rptList_chkId_1" type="checkbox" name="rptList$ctl02$chkId" /></span>
                                <input type="hidden" name="rptList$ctl02$hidId" id="rptList_hidId_1" value="5" />
                            </td>
                            <td>
                                <div class="user-box">
                                    <h4><b>aaa2222</b> (昵称：)</h4>
                                    <i>注册时间：2016-1-12 23:15</i>
                                    <span>
                                      <a class="amount" href="" title="消费记录">余额</a>
                                      <a class="card" href="" title="充值记录">充值</a>
                                      <a class="point" href="" title="积分记录">积分</a>
                                      <a class="msg" href="" title="消息记录">短消息</a>
                                      <a class="sms" href="javascript:;" onclick="PostSMS('13912345600');" title="发送手机短信通知">短信通知</a>
                                    </span>
                                </div>
                            </td>
                            <td>
                                <span class="folder-line"></span>
                                <span class="folder-open"></span>
                                <a href="">人物动态</a>
                            </td>
                            <td>
                                <a href="">
                                    <b class="user-avatar"></b>
                                </a>
                            </td>
                            <td></td>
                            <td align="center"></td>
                            <td align="center"></td>
                            <td align="center"><a href="/">修改</a></td>
                        </tr>
                    </table>
                </div>
                <!--/列表-->
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_3" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：列表-->
    <!--内容：内容底部-->
    <div class="tab-content">
        <dl class="text">
            <dt>效果</dt>
            <dd class="htmlHideBox" title="4">
                <!--内容底部-->
                <div class="pagelist">
                    <div class="l-btns">
                        <span>显示</span>
                        <input name="txtPageNum" type="text" value="10" onchange="javascript:setTimeout('__doPostBack(\'txtPageNum\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="txtPageNum" class="pagenum" onkeydown="return checkNumber(event);" />
                        <span>条/页</span>
                    </div>
                    <div id="PageContent" class="default">
                        <span>共24记录</span>
                        <span class="disabled">«上一页</span>
                        <span class="current">1</span>
                        <a href="#">2</a>
                        <a href="#">3</a>
                        <a href="#">下一页»</a>
                    </div>
                </div>
                <!--/内容底部-->
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_4" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：内容底部-->
    <!--内容：按钮弹出-->
    <div class="tab-content">
        <dl class="text">
            <dt>效果</dt>
            <dd class="htmlHideBox" title="5">
                <input name="btnReturn" type="button" value="js消息框" class="btn yellow" onclick="test()">
                <input name="btnReturn" type="button" value="js消息框" class="btn green" onclick="test()">
                <input name="btnReturn" type="button" value="js消息框" class="btn violet" onclick="test()">
                <script type="text/javascript">
                    function test(){
                        parent.jsdialog("错误提示", "您没有管理该页面的权限，请勿非法进入！", "/")
                    }
                </script>
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_5" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：内容底部-->
    <!--内容：ICON-BTN-->
    <div class="tab-content">
        <dl class="text">
            <dt>效果</dt>
            <dd class="htmlHideBox" title="6">
                <a class="icon-btn"><span></span><i></i></a>
                <a class="icon-btn add"><span></span><i></i></a>
                <a class="img-btn del"></a>
                <a class="img-btn edit"></a>
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_6" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：ICON-BTN-->
    <!--内容：图片上传-->
    <div class="tab-content">
        <dl class="text">
            <dt>效果</dt>
            <dd class="htmlHideBox" title="7">
                <div>
                    <input name="" type="text" class="input normal upload-path" />
                    <div class="upload-box upload-img"></div>
                    <span style="color:#FF0000">*上传图片长宽限制:500*500px,大小限制:100k以内</span>
                </div>
                <!-- 需引入-->
                <script type="text/javascript" src="{{ asset("bundles/systemadmin/js/swfupload/swfupload.js")}}"></script>
                <script type="text/javascript" src="{{ asset("bundles/systemadmin/js/swfupload/swfupload.queue.js")}}"></script>
                <script type="text/javascript" src="{{ asset("bundles/systemadmin/js/swfupload/swfupload.handlers.js")}}"></script>
                <!-- 需初始化-->
                <script type="text/javascript">
                    $(function () {
                        //初始化上传控件
                        $(".upload-img").each(function () {
                            $(this).InitSWFUpload({
                                button_action:SWFUpload.BUTTON_ACTION.SELECT_FILE,
                                sendurl: "/admin/nbupload/swf_upload.r?nbdir=img",
                                flashurl: "bundles/systemadmin/js/swfupload/swfupload.swf",
                                filetypes: "*.gif;*.jpg;*.png;*.bmp;",
                                max_height:500,
                                max_wight:500
                            });
                        });
                    });
                </script>
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_7" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：图片上传-->
    <!--内容：文本编辑器-->
    <div class="tab-content">
        <dl class="text">
            <dt>效果</dt>
            <dd class="htmlHideBox" title="8">
                <textarea datatype="*" name="" id="detail" class="editor"></textarea>
                <span class="Validform_checktip"></span>
                <textarea datatype="*" name="" id="detail" class="editor-mini"></textarea>
                <span class="Validform_checktip"></span>
                <!-- 需引入-->
                <script type="text/javascript" src="{{ asset("bundles/systemadmin/js/editor/kindeditor-min.js")}}"></script>
                <script type="text/javascript" src="{{ asset("bundles/systemadmin/js/editor/lang/zh_CN.js")}}"></script>
                <!-- 需初始化-->
                <script type="text/javascript">
                    $(function () {
                        //初始化编辑器
                        var editor = KindEditor.create('.editor', {
                            width: '98%',
                            height: '300px',
                            resizeType: 1,
                            uploadJson: '/admin/nbupload/kind_upload.r?nbdir=img',
                            fileManagerJson: '/admin/nbupload/kind_manager.r?nbdir=img',
                            allowFileManager: true
                        });
                        var editorMini = KindEditor.create('.editor-mini', {
                            width: '98%',
                            height: '250px',
                            resizeType: 1,
                            allowFileManager: true,
                            fileManagerJson: '/admin/nbupload/kind_manager.r?nbdir=img',
                            uploadJson: '/admin/nbupload/kind_upload.r?nbdir=img',
                            items: [
                                'bold', 'italic', 'underline',
                                'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                                'insertunorderedlist', '|', 'image' , 'multiimage' ]
                        });
                    });
                </script>
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_8" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：文本编辑器-->
    <!--内容：表单元素 tab-->
    <div class="tab-content">
        <dl class="text">
            <dt>效果</dt>
            <dd class="htmlHideBox" title="9">
                <div id="floatHead" class="content-tab-wrap">
                    <div class="content-tab">
                        <div class="content-tab-ul-wrap">
                            <ul>
                                <li><a class="selected" href="javascript:;">TAB1</a></li>
                                <li><a href="javascript:;">TAB2</a></li>
                                <li><a href="javascript:;">TAB3</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="tab-content">
                    <input name="btnReturn" type="button" value="当前页面别点(父级容器使用了class='tab-content')，点了出错，拿出来能用，" class="btn violet" onclick="test()">
                </div>
                <div class="tab-content" style="display: none;">
                </div>
                <div class="tab-content" style="display: none;">
                </div>
                <!-- 需引入-->
                <script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/laymain.js")}}"></script>
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_9" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：表单元素 tab-->
    <!--内容：表单元素 单选多选按钮-->
    <div class="tab-content">
        <dl class="text">
            <dt>单选多选按钮</dt>
            <dd class="htmlHideBox" title="10">
                <dl>
                    <dt>单选按钮</dt>
                    <dd>
                        <div class="rule-multi-radio">
                                <span id="rblStatus">
                                    <input id="a" type="radio" name="rblStatus" value="0" checked="checked" />
                                    <label for="a">正常</label>
                                    <input id="b" type="radio" name="rblStatus" value="1" />
                                    <label for="b">待审核</label>
                                    <input id="c" type="radio" name="rblStatus" value="2" />
                                    <label for="c">不显示</label>
                                </span>
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt>多选按钮</dt>
                    <dd>
                        <div class="rule-multi-checkbox">
                                <span id="cblItem">
                                    <input id="cblItem_0" type="checkbox" name="cblItem$0" value="1" />
                                    <label for="cblItem_0">允许评论</label>
                                    <input id="cblItem_1" type="checkbox" name="cblItem$1" value="1" />
                                    <label for="cblItem_1">置顶</label>
                                    <input id="cblItem_2" type="checkbox" name="cblItem$2" value="1" />
                                    <label for="cblItem_2">推荐</label>
                                    <input id="cblItem_3" type="checkbox" name="cblItem$3" value="1" />
                                    <label for="cblItem_3">热门</label>
                                    <input id="cblItem_4" type="checkbox" name="cblItem$4" value="1" />
                                    <label for="cblItem_4">幻灯片</label>
                                </span>
                        </div>
                    </dd>
                </dl>
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_10" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：单选多选按钮-->
    <!--内容：表单元素 表单验证和基本元素-->
    <div class="tab-content">
        <dl class="text">
            <dt>表单验证和基本元素</dt>
            <dd class="htmlHideBox" title="11">
                <form method="post" action="#" id="form1">
                    <dl>
                        <dt>普通文本</dt>
                        <dd>
                            <span>
                                <input name="" type="text" id="" class="input normal" datatype="*2-100" sucmsg="" />
                            </span>
                        </dd>
                    </dl>
                    <dl>
                        <dt>SELECT列表</dt>
                        <dd>
                            <span>
                                <div class="rule-single-select">
                                    <select name="" id="" datatype="*" sucmsg="">
                                        <option value="">请选择类别...</option>
                                        <option value="3">互联网媒体</option>
                                        <option value="6">　├ 人物动态</option>

                                    </select>
                                </div>
                            </span>
                        </dd>
                    </dl>
                    <dl>
                        <dt>时间选择器</dt>
                        <dd>
                            <input name="" type="text" class="input rule-date-input" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" datatype="/^\s*$|^\d{4}\-\d{1,2}\-\d{1,2}\s{1}(\d{1,2}:){2}\d{1,2}$/" errormsg="请选择正确的日期" sucmsg=" " />
                            <input name="" type="text" class="input rule-date-input" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" datatype="/^\s*$|^\d{4}\-\d{1,2}\-\d{1,2}$/" errormsg="请选择正确的日期" sucmsg=" " />
                            <div class="line20"></div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>多行文本</dt>
                        <dd>
                            <textarea name="" rows="2" cols="20" class="input" datatype="*0-255" sucmsg=" "></textarea>
                        </dd>
                    </dl>
                </form>
                <!-- 表单验证需引入-->
                <script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/Validform_v5.3.2_min.js")}}"></script>
                <script type="text/javascript">
                    $(function () {
                        //初始化表单验证
                        $("#form1").initValidform();
                    });
                </script>
                <!-- 日期选择器需引入-->
                <script type="text/javascript" charset="utf-8" src="{{ asset("bundles/systemadmin/js/datepicker/WdatePicker.js")}}"></script>
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_11" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：表单元素 表单验证和基本元素-->
    <!--内容：表单元素 表单底部按钮-->
    <div class="tab-content">
        <dl class="text">
            <dt>表单底部按钮</dt>
            <dd class="htmlHideBox" title="12">
                <div class="btn-wrap">
                    <input type="submit" name="btnSubmit" value="提交保存" id="btnSubmit" class="btn" />
                    <input name="btnReturn" type="button" value="返回上一页" class="btn yellow" onclick="javascript:history.back(-1);" />
                </div>

                <!--加上外层DIV按钮就到底部了-->
                <div class="page-footer">
                    <div class="btn-wrap">
                        <input type="submit" name="btnSubmit" value="提交保存" id="btnSubmit" class="btn" />
                        <input name="btnReturn" type="button" value="返回上一页" class="btn yellow" onclick="javascript:history.back(-1);" />
                    </div>
                </div>
            </dd>
            <div class="line10"></div>
            <dt>代码</dt>
            <dd>
                <textarea id="html_12" class="input htmlShowBox" style="width:100%;" onfocus="onFocusEvent($(this))" onblur="onBlurEvent($(this))"></textarea>
            </dd>
        </dl>
    </div>
    <!--/内容：表单元素 表单底部按钮-->
    {% endblock %}
    {% block script %}
    <script type="text/javascript">
        $(".htmlHideBox").each(function () {
            var num = $(this).attr("title");
            $("#html_" + num).val($(this).html());
        });
        function onFocusEvent(me){//onFocusEvent
            me.removeClass("htmlShowBox").addClass("htmlFullShowBox");
        }
        function onBlurEvent(me){//onBlurEvent
            me.removeClass("htmlFullShowBox").addClass("htmlShowBox");
        }
    </script>
    {% endblock %}
{% endblock %}
</body>
</html>